<template>
  <view>
    <u-navbar title="消息通知详情"></u-navbar>
    <u-gap height="20" bg-color="#f2f2f2"></u-gap>
    <view class="msg-box">
      <view class="msg-title"> 业务员培训通知业务员培训通知 </view>
      <p class="msg-tip">2024-02-10 &nbsp; 12:23</p>
    </view>
    <u-gap height="20" bg-color="#f2f2f2"></u-gap>
    <view class="content">
      <u-parse :html="content"></u-parse>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: '消息内容消息内容消息内容'
    }
  },
  methods: {}
}
</script>

<style>
.msg_area {
  padding: 20rpx;
}

.msg-box {
  background-color: #fff;
}

.msg-title {
  padding: 20rpx;
  font-size: 30rpx;
}

.msg-tip {
  padding: 20rpx;
  font-size: 24rpx;
  color: #999999;
}
.content {
  padding: 20rpx;
}
</style>
